<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>新增安全检查表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../../../css/public.css" media="all"/>
    <link rel="stylesheet" href="../../common/zTreeStyle.css"/>
    <link rel="stylesheet" href="score.css"/>
</head>

<body class="childrenBody" style="background: white;">
<div class="topsty">
    <div style="display: inline;">
				<span style="font-size: 15px;">
					<i class="layui-icon" style="color: #1E9FFF;margin:0 10px 0 30px;">&#xe65b;</i>
					<span id="pageTitle">试题详情</span>
				</span>
    </div>
    <div class="backtit" style="top: -5px;">
        <div class="back_san"></div>
        <a onclick="history.go(-1)" class="layui-btn layui-btn-normal">返回</a>
    </div>
</div>
<div class="body">
    <form class="layui-form" style="margin-top: 14px;margin-bottom: 15px;">
        <div class="question_name">2018年采油一厂HSE评估测试</div>
        <div class="name_box">
            <div class="name"><b>姓名：</b><span>{{info.userName}}</span></div>
            <div style="margin-left: 55px;float: left;">答题时间：<span>{{info.crtTime}}</span></div>
            <div class="time">答题成绩：<span>{{info.total}}</span></div>
        </div>
        <div class="box">
            <div class="num">{{indexNow+1}}</div>
            <div class="title">{{list.title}}</div>
            <div class="option_box">
                <div class="option" v-for="item in list.options">
                    <i>{{item.key}}</i>
                    <span>{{item.value}}</span>
                </div>
            </div>

            <ul>
                <li style="margin-top: 10px">
                    <span style="margin-right: 80px">正确答案 <template v-for="item in list.options"><i v-if="item.answer == 1">{{item.key}}</i></template></span>
                    <span>您的答案 <i style="color: red">{{answerItem.answer}}</i></span>
                    <span class="false" style="margin-left: 30px;border: 1px dashed red;color: red;padding: 4px 15px;" v-if="answerItem.rightWrong == 1">回答错误</span>
                    <span class="true" style="margin-left: 30px;border: 1px dashed green;color: green;padding: 4px 15px;" v-if="answerItem.rightWrong == 0">回答正确</span>
                </li>
                <li style="margin-top: 15px;">解析：{{list.parse}}</li>
            </ul>
        </div>
        <div class="button_box">
            <ul>
                <li class="first">首题</li>
                <li class="prev">上一题</li>
                <li class="next">下一题</li>
                <li class="last">尾题</li>
            </ul>
        </div>
    </form>

</div>
<script type="text/javascript" src="../../common/jquery.min.js"></script>
<script type="text/javascript" src="../../common/config.js"></script>
<script type="text/javascript" src="../../../layui/layui.js"></script>
<script type="text/javascript" src="../../common/jquery.ztree.core.js"></script>
<script type="text/javascript" src="../../common/jquery.ztree.excheck.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script type="text/javascript" src="score.js"></script>

<script>



</script>
</body>

</html>